<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="85px">

      <el-form-item label="用户手机ip" prop="userApi">
        <el-input
          v-model="queryParams.userApi"
          placeholder="请输入用户手机序列号"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="手机号" prop="userPhone">
        <el-input
          v-model="queryParams.userPhone"
          placeholder="请输入用户手机号"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="星球ID" prop="userXqid">
        <el-input
          v-model="queryParams.userXqid"
          placeholder="请输入用户星球ID"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>

      <el-form-item label="用户状态" prop="userState">

        <el-select v-model="queryParams.userState" placeholder="请选择" clearable size="small">
          <el-option label="请选择" value=""/>
          <el-option label="正常" value="0"/>
          <el-option label="已封停" value="1"/>


        </el-select>
      </el-form-item>
      <el-form-item label="用户评论" prop="userComments">

        <el-select v-model="queryParams.userComments" placeholder="请选择" clearable size="small">
          <el-option label="请选择" value=""/>
          <el-option label="正常" value="0"/>
          <el-option label="已封停" value="1"/>


        </el-select>
      </el-form-item>

      <el-form-item label="创建时间" prop="userTime">
        <el-date-picker clearable size="small"
                        v-model="queryParams.userTime"
                        type="date"
                        value-format="yyyy-MM-dd"
                        placeholder="选择创建时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <!--      <el-col :span="1.5">-->
      <!--        <el-button-->
      <!--          type="primary"-->
      <!--          plain-->
      <!--          icon="el-icon-plus"-->
      <!--          size="mini"-->
      <!--          @click="handleAdd"-->
      <!--          v-hasPermi="['xqsp:users:add']"-->
      <!--        >新增</el-button>-->
      <!--      </el-col>-->
      <!--      <el-col :span="1.5">-->
      <!--        <el-button-->
      <!--          type="success"-->
      <!--          plain-->
      <!--          icon="el-icon-edit"-->
      <!--          size="mini"-->
      <!--          :disabled="single"-->
      <!--          @click="handleUpdate"-->
      <!--          v-hasPermi="['xqsp:users:edit']"-->
      <!--        >修改</el-button>-->
      <!--      </el-col>-->
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['xqsp:users:remove']"
        >删除
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['xqsp:users:export']"
        >导出
        </el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="usersList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center"/>
      <el-table-column label=" 用户id" align="center" prop="userId"/>
      <el-table-column label="用户名称" align="center" prop="userName"/>
      <el-table-column label="用户密码" align="center" prop="userPassword"/>
      <el-table-column label="用户手机序列号" align="center" prop="userApi"/>
      <el-table-column label="用户手机号" align="center" prop="userPhone"/>
      <!--      <el-table-column label="用户权限" align="center" prop="userPermissions"/>-->
      <!--      <el-table-column label="用户设备" align="center" prop="userEquipment"/>-->
      <el-table-column label="上级用户" align="center" prop="userSuperior"/>
      <el-table-column label="下级用户" align="center" prop="userUnder">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-user"
            @click="handleLook(scope.row)"
          >查看
          </el-button>
        </template>
      </el-table-column>
      <!--      <el-table-column label="推广码" align="center" prop="userPromoteCode"/>-->
      <el-table-column label="推广人数" align="center" prop="userPromotePeople"/>
      <el-table-column label="金币数" align="center" prop="userGlod"/>
      <el-table-column label="用户状态(用来封停用户)" align="center" prop="userState" width="100">
        <template slot-scope="scope">
          <el-switch
            v-model="scope.row.userState"
            active-color="#13ce66"
            inactive-color="#ff4949"
            active-value="0"
            inactive-value="1"

            @change="handleStatusChange(scope.row)">
          </el-switch>
        </template>
      </el-table-column>
      <el-table-column label="用户评论" align="center" prop="userComments">
        <template slot-scope="scope">
          <el-switch
            v-model="scope.row.userComments"
            active-color="#13ce66"
            inactive-color="#ff4949"
            active-value="0"
            inactive-value="1"

            @change="handleCommentsChange(scope.row)">
          </el-switch>
        </template>
      </el-table-column>
      <el-table-column label="星球ID" align="center" prop="userXqid"/>
      <!--      <el-table-column label=" 用户头像" align="center" prop="userImg"/>-->
      <el-table-column label="剩余会员天数" align="center" prop="userMembersDay"/>
      <el-table-column label="今天观看次数" align="center" prop="userToday"/>
      <el-table-column label="福利观看次数" align="center" prop="userWelfare"/>
      <!--      <el-table-column label="卡密" align="center" prop="userCarmichael"/>-->
      <el-table-column label="创建时间" align="center" prop="userTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.userTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="登录时间" align="center" prop="userLoginTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.userLoginTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="登录状态(0下线;1在线)" align="center" prop="userLoginState"/>
      <el-table-column label="操作" align="center" width="80" class-name="small-padding fixed-width" fixed="right">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['xqsp:users:edit']"
          >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['xqsp:users:remove']"
          >删除
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-circle-plus"
            @click="handleRecord(scope.row)"
            v-hasPermi="['xqsp:users:remove']"
          >充值
          </el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改用户表对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="用户名称" prop="userName">
          <el-input v-model="form.userName" placeholder="请输入用户名称"/>
        </el-form-item>
        <el-form-item label="用户密码" prop="userPassword">
          <el-input v-model="form.userPassword" placeholder="请输入用户密码"/>
        </el-form-item>
        <el-form-item label="用户手机序列号" prop="userApi">
          <el-input v-model="form.userApi" placeholder="请输入用户手机序列号"/>
        </el-form-item>
        <el-form-item label="用户手机号" prop="userPhone">
          <el-input v-model="form.userPhone" placeholder="请输入用户手机号"/>
        </el-form-item>
        <!--        <el-form-item label="用户权限" prop="userPermissions">-->
        <!--          <el-input v-model="form.userPermissions" placeholder="请输入用户权限"/>-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="用户设备" prop="userEquipment">-->
        <!--          <el-input v-model="form.userEquipment" placeholder="请输入用户设备"/>-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="上级用户" prop="userSuperior">-->
        <!--          <el-input v-model="form.userSuperior" placeholder="请输入上级用户" />-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="下级用户" prop="userUnder">-->
        <!--          <el-input v-model="form.userUnder" placeholder="请输入下级用户" />-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="推广码" prop="userPromoteCode">-->
        <!--          <el-input v-model="form.userPromoteCode" placeholder="请输入推广码"/>-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="推广人数" prop="userPromotePeople">-->
        <!--          <el-input v-model="form.userPromotePeople" placeholder="请输入推广人数" />-->
        <!--        </el-form-item>-->
        <el-form-item label="金币数" prop="userGlod">
          <el-input v-model="form.userGlod" placeholder="请输入金币数"/>
        </el-form-item>
        <!--        <el-form-item label="用户状态(用来封停用户)" prop="userState">-->
        <!--          <el-input v-model="form.userState" placeholder="请输入用户状态(用来封停用户)" />-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="用户评论" prop="userComments">-->
        <!--          <el-input v-model="form.userComments" placeholder="请输入用户评论" />-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label="星球ID" prop="userXqid">-->
        <!--          <el-input v-model="form.userXqid" placeholder="请输入星球ID" />-->
        <!--        </el-form-item>-->
        <!--        <el-form-item label=" 用户头像" prop="userImg">-->
        <!--          <el-input v-model="form.userImg" placeholder="请输入 用户头像"/>-->
        <!--        </el-form-item>-->
        <el-form-item label="剩余会员天数" prop="userMembersDay">
          <el-input v-model="form.userMembersDay" placeholder="请输入剩余会员天数"/>
        </el-form-item>
        <el-form-item label="今天观看次数" prop="userToday">
          <el-input v-model="form.userToday" placeholder="请输入今天观看次数"/>
        </el-form-item>
        <el-form-item label="福利观看次数" prop="userWelfare">
          <el-input v-model="form.userWelfare" placeholder="请输入福利观看次数"/>
        </el-form-item>
        <!--        <el-form-item label="卡密" prop="userCarmichael">-->
        <!--          <el-input v-model="form.userCarmichael" placeholder="请输入卡密"/>-->
        <!--        </el-form-item>-->
        <el-form-item label="创建时间" prop="userTime">
          <el-date-picker clearable size="small"
                          v-model="form.userTime"
                          type="datetime"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          placeholder="选择创建时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="登录状态" prop="userLoginState">
          <el-select v-model="form.userLoginState" placeholder="请选择" clearable size="small">
            <el-option label="请选择" value=""/>
            <el-option label="下线" :value="0"/>
            <el-option label="在线" :value="1"/>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 充值用户表对话框 -->
    <el-dialog :title="title" :visible.sync="open1" width="700px" append-to-body>
      <el-form ref="form1" :model="form1" :rules="rules" label-width="120px">
        <el-form-item label="用户充值金额">
          <el-input v-model="form1.userMoney" style="width: 380px" placeholder="请输入用户充值金额(如有必填！！！)"/>
        </el-form-item>
        <el-form-item label="充值金币数" prop="userGlod">
          <el-input v-model="form1.userGlod" style="width: 380px" placeholder="请输入金币数"/>
          <span><el-button type="primary" @click="submitRecordGlod" round>充 值</el-button></span>
        </el-form-item>
        <el-form-item label="充值会员天数" prop="userMembersDay">
          <el-input v-model="form1.userMembersDay5" style="width: 380px" placeholder="请输入充值会员天数"/>
          <span><el-button type="primary" @click="submitRecord(0)" round>充 值</el-button></span>
        </el-form-item>

        <el-form-item label="会员充值" prop="userMembersDay1">
          <el-checkbox v-model="form1.userMembersDay1" :true-label="30">VIP月卡30天</el-checkbox>
          <span style="margin-left:200px"><el-button type="warning" size="mini"
                                                     @click="submitRecord(0)">充 值</el-button></span><br/>
          <el-checkbox v-model="form1.userMembersDay2" :true-label="90">VIP季卡90天</el-checkbox>
          <span style="margin-left:200px"><el-button type="warning" size="mini"
                                                     @click="submitRecord(0)">充 值</el-button></span><br/>
          <el-checkbox v-model="form1.userMembersDay3" :true-label="180">VIP半年卡180天</el-checkbox>
          <span style="margin-left:178px"><el-button type="warning" size="mini"
                                                     @click="submitRecord(1)">充 值</el-button></span><br/>
          <el-checkbox v-model="form1.userMembersDay4" :true-label="360">VIP年卡360天</el-checkbox>
          <span style="margin-left:222px"><el-button type="warning" size="mini"
                                                     @click="submitRecord(2)">充 值</el-button></span><br/>
        </el-form-item>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="cancel1">取 消</el-button>
      </div>
    </el-dialog>


    <el-dialog :title="title" :visible.sync="open2" width="700px" append-to-body>
      <el-table v-loading="loading" :data="usersLookList" @selection-change="handleSelectionChange">
        <el-table-column label="用户名称" align="center" prop="userName"/>
        <el-table-column label="用户密码" align="center" prop="userPassword"/>
        <el-table-column label="用户手机序列号" align="center" prop="userApi"/>
        <el-table-column label="用户手机号" align="center" prop="userPhone"/>
        <el-table-column label="星球ID" align="center" prop="userXqid"/>

      </el-table>
      <pagination
        v-show="total>0"
        :total="tital1"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
      />
      <div slot="footer" class="dialog-footer">

        <el-button @click="cancel2">取 消</el-button>
      </div>
    </el-dialog>


  </div>
</template>

<script>
  import {
    listUsers,
    getUsers,
    delUsers,
    addUsers,
    updateUsers,
    exportUsers,
    updateUserState,
    updateUserComments,
    getLookList,
    updateUsersMg,
    updateUsersGlod
  } from "@/api/xqsp/users";

  export default {
    name: "Users",
    components: {},
    data() {
      return {
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 用户表表格数据
        usersList: [],
        usersLookList: [],
        // 弹出层标题
        title: "",
        tital1: "",
        // 是否显示弹出层
        open: false,
        open2: false,
        open1: false,
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          userName: null,
          userPassword: null,
          userApi: null,
          userPhone: null,
          userPermissions: null,
          userEquipment: null,
          userSuperior: null,
          userUnder: null,
          userPromoteCode: null,
          userPromotePeople: null,
          userGlod: null,
          userState: null,
          userComments: null,
          userXqid: null,
          userImg: null,
          userMembersDay: null,
          userToday: null,
          userWelfare: null,
          userCarmichael: null,
          userTime: null,
          userLoginState: null
        },
        // 表单参数
        form: {},
        // 表单参数
        form1: {},
        // 表单校验
        rules: {
          userMembersDay: [
            {
              pattern: /^[+]{0,1}(\d+)$/,
              message: '请输入正整数',
              trigger: 'blur'
            }
          ],
          userGlod: [
            {
              pattern: /^[+]{0,1}(\d+)$/,
              message: '请输入正整数',
              trigger: 'blur'
            }
          ],
          userWelfare: [
            {
              pattern: /^[+]{0,1}(\d+)$/,
              message: '请输入正整数',
              trigger: 'blur'
            }
          ],
          userToday: [
            {
              pattern: /^[+]{0,1}(\d+)$/,
              message: '请输入正整数',
              trigger: 'blur'
            }
          ],
        }
      };
    },
    created() {
      this.getList();
    },
    methods: {
      /** 查询用户表列表 */
      getList() {
        this.loading = true;
        listUsers(this.queryParams).then(response => {
          this.usersList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      },
      // 取消按钮
      cancel() {
        this.open = false;
        this.reset();
      },
      cancel1() {
        this.open1 = false;
        this.reset();
      },
      cancel2() {
        this.open2 = false;
        this.reset();
      },
      // 表单重置
      reset() {
        this.form = {
          userId: null,
          userName: null,
          userPassword: null,
          userApi: null,
          userPhone: null,
          userPermissions: null,
          userEquipment: null,
          userSuperior: null,
          userUnder: null,
          userPromoteCode: null,
          userPromotePeople: null,
          userGlod: null,
          userState: null,
          userComments: null,
          userXqid: null,
          userImg: null,
          userMembersDay: null,
          userToday: null,
          userWelfare: null,
          userCarmichael: null,
          userTime: null,
          userLoginState: null
        };
        this.resetForm("form");
      },
      // 表单重置
      reset1() {
        this.form1 = {
          userId: null,
          userGlod: null,
          userMembersDay: null,
          userMembersDay1: null,
          userMembersDay2: null,
          userMembersDay3: null,
          userMembersDay4: null,
          userMembersDay5: null,
          userMoney: null,
          userVipType: 0
        };
        this.resetForm("form1");
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      // 多选框选中数据
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.userId)
        this.single = selection.length !== 1
        this.multiple = !selection.length
      },
      /** 新增按钮操作 */
      handleAdd() {
        this.reset();
        this.open = true;
        this.title = "添加用户表";
      },
      /** 查看下级用户*/
      handleLook(row) {
        this.queryParams.userXqid = row.userXqid;
        getLookList(this.queryParams).then(response => {
          this.usersLookList = response.rows;
          this.tital1 = response.total;
          this.open2 = true;
          this.title = "查看下级用户";
          this.loading = false;
        });
      },
      /** 修改按钮操作 */
      handleUpdate(row) {
        this.reset();
        const userId = row.userId || this.ids
        getUsers(userId).then(response => {
          this.form = response.data;
          this.open = true;
          this.title = "修改用户表";
        });
      },
      /** 提交按钮 */
      submitForm() {
        this.$refs["form"].validate(valid => {
          if (valid) {
            if (this.form.userId != null) {
              updateUsers(this.form).then(response => {
                this.msgSuccess("修改成功");
                this.open = false;
                this.getList();
              });
            } else {
              addUsers(this.form).then(response => {
                this.msgSuccess("新增成功");
                this.open = false;
                this.getList();
              });
            }
          }
        });
      },
      /** 删除按钮操作 */
      handleDelete(row) {
        const userIds = row.userId || this.ids;
        this.$confirm('是否确认删除用户表编号为"' + userIds + '"的数据项?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function () {
          return delUsers(userIds);
        }).then(() => {
          this.getList();
          this.msgSuccess("删除成功");
        })
      },
      /** 导出按钮操作 */
      handleExport() {
        const queryParams = this.queryParams;
        this.$confirm('是否确认导出所有用户表数据项?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function () {
          return exportUsers(queryParams);
        }).then(response => {
          this.download(response.msg);
        })
      },

      // 是否锁定账户
      handleStatusChange(row) {
        let text = row.userState === "0" ? "解锁" : "锁定";
        this.$confirm('确认要"' + text + '""' + row.userName + '"吗?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function () {
          return updateUserState(row.userId, row.userState);
        }).then(() => {
          this.msgSuccess(text + "成功");
        }).catch(function () {
          row.userState = row.userState === "0" ? " 1" : "0";
        });
      },
      // 是否锁定账户
      handleCommentsChange(row) {
        let text = row.userComments === "0" ? "解锁" : "锁定";
        this.$confirm('确认要"' + text + '""' + row.userName + '"吗?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function () {
          return updateUserComments(row.userId, row.userComments);
        }).then(() => {
          this.msgSuccess(text + "成功");
        }).catch(function () {
          row.userComments = row.userComments === "0" ? " 1" : "0";
        });
      },
      /** 充值按钮操作 */
      handleRecord(row) {
        this.reset1();
        this.open1 = true;
        this.form1.userId = row.userId;
        this.title = "给用户" + row.userName + "充值";
      },
      /** 提交按钮 */
      submitRecord(vipType) {
        this.$refs["form1"].validate(valid => {

          if (valid) {
            this.form1.userVipType = vipType
            if (this.form1.userId != null) {
              if (this.form1.userMembersDay5 == null) {
                this.form1.userMembersDay = this.form1.userMembersDay1 + this.form1.userMembersDay2 + this.form1.userMembersDay3 + this.form1.userMembersDay4
              } else {
                this.form1.userMembersDay = this.form1.userMembersDay5;
              }

              if (this.form1.userMembersDay5 == null && this.form1.userMoney == null) {

                if (this.form1.userMembersDay == 0 || this.form1.userMembersDay == null) {
                  this.msgError("用户充值信息不能为空")
                  this.form1.userMembersDay = null;
                  this.form1.userMoney = null;
                } else {
                  this.msgError("用户充值金额不能为空")
                  this.form1.userMembersDay = null;
                  this.form1.userMoney = null;

                }

              } else {
                if (this.form1.userMembersDay == 0 || this.form1.userMembersDay == null) {
                  this.msgError("用户充值会员天数不能为空")
                  this.form1.userMembersDay = null;
                  this.form1.userMoney = null;
                } else {
                  if (this.form1.userMoney == null && this.form1.userMembersDay5 == null) {
                    this.msgError("用户充值金额不能为空")
                    this.form1.userMembersDay = null;
                    this.form1.userMoney = null;
                  } else {
                    updateUsersMg(this.form1).then(response => {
                      this.msgSuccess("充值成功");

                      this.open1 = false;
                      this.getList();
                    });
                  }

                }

              }

            }
          }
        });
      },
      /** 提交按钮 */
      submitRecordGlod() {

        this.$refs["form1"].validate(valid => {
          if (valid) {
            if (this.form1.userMoney == null && this.form1.userGlod == null) {
              this.msgError("用户充值金币信息不能为空")
              this.form1.userGlod = null;
              this.form1.userMoney = null;
            } else {
              if (this.form1.userMoney == null) {
                this.msgError("用户充值金额不能为空")
                this.form1.userGlod = null;
                this.form1.userMoney = null;
              } else {
                if (this.form1.userGlod == null) {
                  this.msgError("用户充值金币数量不能为空")
                  this.form1.userGlod = null;
                  this.form1.userMoney = null;
                } else {
                  updateUsersGlod(this.form1).then(response => {
                    this.msgSuccess("充值成功");
                    this.open1 = false;
                    this.getList();
                  });
                }
              }

            }


          }

        });
      },


    }
  };
</script>
